<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
		<meta charset="utf-8" />
	</h:head>
	<h:body>
		<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<h1>Distribuidora Frutos del Campo</h1>
				</hgroup>
				
				<hgroup>         
					<h2>Buscar Listas de Precios</h2>
				</hgroup>
				
				<hr />
				<br />
			</header>
			
			<section> 
			<div id='textoPrincipal'>
				
				<!-- Aca va la tabla con los resultados -->
				<H3>Resultados de la busqeuda</H3>


				<h:form id="formulario">

					<p:dataTable id="dataTable" var="listaDePrecio"
						value="#{buscarListaDePrecioBean.listaListasDePrecios}" widgetVar="listasDePreciosTable"
						rowKey="#{listaDePrecio.codigo}"
						selection="#{editarListaDePrecioBean.listaDePrecioSeleccionado}"
						selectionMode="single" >
						

						<f:facet name="header">
							<p:outputPanel>
								<h:outputText value="Listas De Precios encontradas" />
							</p:outputPanel>
						</f:facet>

						<p:column id="codigoColumn" headerText="Codigo" sortBy="codigo">
							<h:outputText value="#{listaDePrecio.codigo}" />
						</p:column>

						<p:column id="nombreColumn" headerText="Nombre" sortBy="nombre">
							<h:outputText value="#{listaDePrecio.nombre}" />
						</p:column>

						<p:column id="detallesColumn" style="width:1%"
							headerText="Detalles" footerText=" ">
							<p:commandButton id="selectButton"
								style="margin:5px; padding:2px; width: 30px; height: 30px;"
								update=":formulario :display" oncomplete="PF('detalles').show()"
								icon="ui-icon-arrow-4-diag">
								<f:setPropertyActionListener value="#{listaDePrecio}"
									target="#{editarListaDePrecioBean.listaDePrecioSeleccionadoDetalles}" />
							</p:commandButton>
						</p:column>

						<!-- footer donde van los botones para editar y eliminar -->
						<f:facet name="footer" >

							<p:commandButton id="editarButton" value="Editar"
								update=":formulario :display"
								action="#{editarListaDePrecioBean.editarListaDePrecio}" />

							<p:commandButton id="eliminarButton" value="Eliminar"  
								action="#{editarListaDePrecioBean.eliminarListaDePrecio}">
								<p:confirm header="Confirmacion de eliminacion"
									message="Esta seguro que quiere eliminar esta Lista De Precio?"
									icon="ui-icon-alert" />
							</p:commandButton>

							<p:confirmDialog global="true" showEffect="fade"
								hideEffect="explode">
								<p:commandButton value="Si" type="button"
									styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
								<p:commandButton value="No" type="button"
									styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
							</p:confirmDialog>

						</f:facet>

					</p:dataTable>

				</h:form>

				<!-- Dialogo para cuando se apreta el Boton de Detalles de ListaDePrecio -->
				<p:dialog header="Detalles de la Lista De Precio" widgetVar="detalles"
					resizable="false" id="listaDePrecioDetalles" showEffect="fade"
					hideEffect="explode" modal="true">

					<h:panelGrid id="display" columns="2" cellpadding="4"
						style="margin:0 auto;">

						<f:facet name="header">
							<p>Datos:</p>
						</f:facet>

						<h:outputText value="Codigo: " />
						<h:outputText value="#{editarListaDePrecioBean.listaDePrecioSeleccionadoDetalles.codigo}"
							style="font-weight:bold" />

						<h:outputText value="Nombre: " />
						<h:outputText value="#{editarListaDePrecioBean.listaDePrecioSeleccionadoDetalles.nombre}"
							style="font-weight:bold" />

						<h:outputText value="Inicio de vigencia:" />
						<h:outputText value="#{editarListaDePrecioBean.listaDePrecioSeleccionadoDetalles.incioVigencia}" id="inicioVigencia" style="font-weight:bold">
							<f:convertDateTime pattern="d/M/yyyy" />
						</h:outputText>

						<h:outputText value="Fin de vigencia:" />
						<h:outputText value="#{editarListaDePrecioBean.listaDePrecioSeleccionadoDetalles.finVigencia}" id="finVigencia" style="font-weight:bold">
							<f:convertDateTime pattern="d/M/yyyy" />
						</h:outputText>

						<!-- FALTA:
							lista de elementos
						-->

					</h:panelGrid>

				</p:dialog>

				<p:button id="volver" value="Volver" outcome="buscarListaDePrecio" /> 
		
			</div>
			</section> 
		</div>
		
		<footer>        
			<p>Sistema para la planificacion de recursos y toma de decisiones empresariales</p>
		</footer>
	</h:body>
</html>